export default {
  content: ['./src/**/*.{vue}'],
  corePlugins: {
    preflight: false,
  },
  theme: {
    screens: {
      sm: '480px',
      md: '768px',
      lg: '976px',
      xl: '1440px',
    },
    colors: {
      blue: '#1fb6ff',
      pink: '#ff49db',
      orange: '#ff7849',
      green: '#13ce66',
      'gray-dark': '#273444',
      gray: '#8492a6',
      'gray-light': '#d3dce6',
    },
    fontFamily: {
      sans: ['Graphik', 'sans-serif'],
      serif: ['Merriweather', 'serif'],
    },
    padding: {
      10: '10px',
    },
    extend: {
      width: {
        1: '1px',
        2: '2px',
      },
    },
  },
};
